import React, { Component } from "react";

class Child1 extends Component {
  // 组件的props默认值的写法
  // static defaultProps = {
  //   age: 100,
  // };
  render() {
    const { name, age } = this.props;
    return (
      <div>
        child1组件 - {name} - {age}
      </div>
    );
  }
}
// 在类组件中的静态属性或者方法等同于直接在类上面挂载这个属性和方法
Child1.defaultProps = {
  age: 100,
};

const Child2 = ({ count }) => {
  return <div>child2组件 - {count}</div>;
};
// 函数组件就只能在组件上面直接挂载
Child2.defaultProps = {
  count: 200,
};

class App extends Component {
  render() {
    return (
      <>
        <h2>props的默认值</h2>
        <Child1 name="zhangsan" />
        <Child2 />
      </>
    );
  }
}

export default App;
